<div class="form-group col-md-{$_layout[$form[type].name]|default='12'} {$form[type].extra_class|default=''}" id="form_group_{$form[type].name}">
	<label class="col-xs-12" for="{$form[type].name}">
		{$form[type].title|htmlspecialchars}
		<button openobj="{$form[type].name}_open" title="选择{$form[type].title|htmlspecialchars}" type="button" class="btn btn-warning pagecheckbox_pop">选择</button>
		<button openobj="{$form[type].name}" type="button" class="btn btn-warning pagecheckbox_cl_pop">清空</button>

	</label>
	<div class="col-xs-12">
		<input class="js-tags-input form-control" interactive="false" type="text" id="{$form[type].name}" name="{$form[type].name}" value="{$form[type].value|default=''}" {$form[type].extra_attr|default=''}>
		{notempty name="form[type].tips"}
		<div class="help-block">{$form[type].tips|clear_js}</div>
		{/notempty}
	</div>
</div>

<div id="{$form[type].name}_open" style="display: none;">
	<template v-for="(wxuser,index) in {$form[type].name}">
		<div class="mdui-col">
			<div @click="sel_user(index,wxuser)"  style="float:left;padding:10px;text-align:center;border:1px solid #dcdcdc;margin:5px;width:100px;height:150px;">
				<label style="padding:0px;">
					<div><img :src="wxuser.avatar" style="width:80px;height:80px;"/></div>
					<div>{{wxuser.displayname}}</div>
					<div style="width:100%;"><input :id="'ck_{$form[type].name}'+index" type="checkbox"></div>
				</label>
			</div>
		</div>
	</template>
</div>
<script>
	setTimeout(function(){
			window["{$form[type].name}_open"] = new Vue({
					el: '#{$form[type].name}_open',
					data: {
						"{$form[type].name}":{$form[type].datas},
					},
					methods:{
						sel_user:function(index,user){
							var ischecked = $("#ck_{$form[type].name}"+index+":checked").length;
							if(ischecked >0){
								$('#{$form[type].name}').addTag(user.displayname);
							}else{
								$('#{$form[type].name}').removeTag(user.displayname);
							}

						}
					}
				});

		},3000);
</script>